﻿@font-face { font-family: "Bodoni"; src: url("/css/fonts/VNF-BodoniRegular.ttf"); }


/*reset*/
* { margin: 0; padding: 0; }
* { margin: 0px; padding: 0px; list-style: none; text-decoration: none; }
a, img, input { outline: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
b, strong { font-weight: bold; }
img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
li { display: list-item; }
table { border-collapse: collapse; border-spacing: 0; }
th, td, caption { font-weight: normal; vertical-align: top; text-align: left; }
.svg { overflow: hidden; }
body, table, div, form, input, textarea, select, img { margin: 0; padding: 0; outline: none; border: 0; }
ul, li { list-style: none; }
a { text-transform: uppercase; color: white; text-decoration: none; }
a:hover { color: #FFF; text-decoration: none; }
a *, a:hover { cursor: pointer; }
body { font-size: 12px; color: white; font-family: arial; background: #212121 url(/Images/homebg.png) repeat; line-height: 18px; }

.w100p { width: 100%; }
.w100 { width: 105px; }
.w207 { width: 207px; }
.w210 { width: 210px !important; }
.w220 { width: 220px; }
.w225 { width: 225px; }
.w260 { width: 260px !important; }
.w300 { width: 300px; }
.w301 { width: 301px; }
.w310 { width: 310px; }
.w320 { width: 320px; }
.w330 { width: 330px; }
.w340 { width: 340px; }
.w350 { width: 350px; }
.w390 { width: 390px; }
.w400 { width: 400px; }
.w410 { width: 410px; }
.w560 { width: 560px; }
.w562 { width: 562px; }
.w580 { width: 580px; }
.w608 { width: 608px; }
.w620 { width: 620px; }
.w660 { width: 660px; }
.w690 { width: 690px; }
.w940 { width: 940px; }
.w960 { width: 960px; }
.w980 { width: 980px; }


.mgauto { margin-left: auto; margin-right: auto; }
.mg0 { margin: 0 auto; }
.m16 { margin: 16px; }
.mt3 { margin-top: 3px; }
.mt9 { margin-top: 9px; }
.mt10 { margin-top: 10px; }
.mt12 { margin-top: 12px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px !important; }
.mt22 { margin-top: 22px; }
.mt30 { margin-top: 30px; }
.mt43 { margin-top: 43px; }
.mt50 { margin-top: 50px; }
.mt58 { margin-top: 58px; }
.mt70 { margin-top: 70px; }
.mt100 { margin-top: 100px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }

.ml6 { margin-left: 6px; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px; }
.ml28 { margin-left: 28px; }
.ml120 { margin-left: 120px; }
.ml300 { margin-left: 300px; }

.mb3 { margin-bottom: 3px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb50 { margin-bottom: 50px; }

.pl20 { padding-left: 20px; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pb20 { padding-bottom: 20px; }

/* margin,padding */
.ml20 { margin-left: 20px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt13 { margin-top: 13px; }
.mt35 { margin-top: 35px; }
.mr8 { margin-right: 8px; }
.mr10 { margin-right: 10px; }
.pl8 { padding-left: 8px; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }

/* float */
.fl { float: left !important; }
.fr { float: right !important; }
/* text-align */
.tal { text-align: left; }
.tar { text-align: right; }
.tac { text-align: center; }
.taj { text-align: justify; }

.por { position: relative; }

.display { display: block; }
.nodisplay { display: none !important; }

/* font-size */
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }

/* line-height */
.lh34 { line-height: 34px; }
.lh40 { line-height: 40px; }

/* common */
.fwb { font-weight: bold; }
.fsi { font-style: italic; }
.cWhite { color: white !important; cursor: default !important; }
.relative { position: relative; }
.wrapper { background: transparent url(/images/c.png) 44px 112px no-repeat; }


.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; overflow: hidden; }
.clr { clear: both; }

/* giang */
.login { text-align: right; display: block; }
.login a { letter-spacing: 2px; font-size: 11px; }
.login label { padding: 0 10px; }
.logo { text-align: center; }
.box { border: solid 1px white; line-height: 28px; color: white; display: inline-block; padding: 0 15px; }
a.box:hover { background: #FFF; color: #000; }

ul.inline li { display: inline-block; }
.menu { text-align: center; }
.menu li { margin: 0 18px; }

.menu a { color: white; letter-spacing: 2px; font-size: 12px; display: inline-block; }
.menu .active { border-bottom: solid 1px white; padding-bottom: 4px; }

.chart { position: absolute; top: 457px; right: 0; display: block; }
.no-album { margin: 10px 0; text-align: center; text-transform: uppercase; }

.nav { display: inline-block; height: 120px; width: 17px; }
.nav-prev { background: transparent url(/Images/arr-back.png) 0 44px no-repeat; }
.nav-next { background: transparent url(/Images/arr-next.png) 0 44px no-repeat; margin-left: 20px; }
.slide { display: inline-block; }
.slide li { width: 120px; margin: 0 10px; }
.slide img { width: 120px; height: 120px; padding-bottom: 4px; }

.text-center { text-align: center; }

.news li, .faq li { width: 220px; margin-right: 20px; float: left; }
.news li.last, .faq li.last { margin-right: 0; }
.news li img { padding-bottom: 15px; width: 220px; height: 138px; display: block; }
.news li a { font-size: 13px; font-weight: bold; }
.news li a:hover { text-decoration: underline; }

.faq p { font-size: 12px; }
.faq .question { text-transform: uppercase; font-weight: bold; padding-bottom: 15px; }
.faq .question .dot { background: transparent url(/Images/dot.png) 0 0 no-repeat; width: 10px; height: 6px; display: inline-block; }
.faq .answer { color: #dddddd; font-style: italic; }

address p { text-align: right; font-size: 11px; color: #dddddd; font-style: normal; }

.fl { float: left; }
.fr { float: right; }
.mgt20 { margin-top: 20px; }
.mgt25 { margin-top: 25px; }
.mgt30 { margin-top: 30px; }
.mgt33 { margin-top: 33px; }
.mgt35 { margin-top: 35px; }
.mgt46 { margin-top: 46px; }
.mgt48 { margin-top: 48px; }
.mgt60 { margin-top: 60px; }
.mgt110 { margin-top: 110px; }

.mgl30 { margin-left: 35px; }

.mgr10 { margin-right: 10px; }

.pdt20 { padding-top: 20px; }
.pdl20 { padding-left: 20px; }
.pdr20 { padding-right: 20px; }
.pdb22 { padding-bottom: 22px; }
.pdb80 { padding-bottom: 80px; }
.w540 { width: 540px; }
.w600 { width: 600px; }
.w700 { width: 700px; }
.w940 { width: 940px; }

.main { background-color: white; }
.main, .main a { color: #333; }
.round-index { color: #333; font-weight: bold; font-size: 12px; border: solid 2px #333; }
.round-index a { color: black; padding: 0 5px; display: inline-block; line-height: 17px; }
.round-index a.active { background-color: #f26d7d; color: white; border-radius: 8px; }


.search { border: solid 1px #dddddd; }
.search .text, .search .button { float: left; border: none; padding: 0; margin: 0; outline: none; background: none; height: 28px; }
.search .text { width: 210px; padding: 0 5px; font-style: italic; font-size: 12px; color: #999; }
.search .button { width: 30px; background: transparent url(/Images/search.png) center center no-repeat; }

.menu2 { text-align: center; }
.menu2 li { margin: 0 14px; }
.menu2 a { letter-spacing: 2px; font-size: 12px; display: inline-block; font-weight: bold; }
.menu2 .active { border-bottom: solid 1px black; padding-bottom: 4px; }
.menu2 li.first { margin-left: 0; }
.menu2 li.last { margin-right: 0; }

.switch { background-image: url(/Images/switch.png); background-repeat: no-repeat; display: inline-block; width: 25px; height: 25px; }
.switch.cell-layout { background-position: 0 -25px; }

.switch.cell-layout.active, .switch.cell-layout:hover { background-position: 0 0; }
.switch.column-layout { background-position: -35px 0; }
.switch.column-layout.active, .switch.column-layout:hover { background-position: -35px -25px; }

.list li { position: relative; margin-right: 20px; margin-bottom: 43px; float: left; width: 220px; }
.list li a img { width: 40px; height: 40px; display: inline-block; }
.list li .stylist-item img { width: 220px; height: 330px; display: block; }
.list li.last { margin-right: 0; }
.list .sapo { cursor: pointer; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 330px; display: none; background: transparent url(/Images/1px.png) repeat; text-align: center; vertical-align: middle; font-weight: bold; font-size: 12px; color: white; text-transform: uppercase; }
.list .sapo .inner { display: block; }



a.vote-button { cursor: default; text-align: center; position: absolute; z-index: 2; bottom: 0; left: 0; display: block; background-color: #333333; color: white; line-height: 24px; padding: 0 11px; font-weight: normal; }
.vote-button.hover { cursor: pointer; }
.vote-button.hover:hover, .vote-button.active { background-color: #f26d7d; }
.vote-button.active { cursor: default; }
.hr { border-top: solid 1px #d8d8d8; height: 1px; width: 100%; clear: both; }


.paging a { font-size: 14px; font-weight: bold; padding: 0 11px; line-height: 30px; height: 30px; display: inline-block; margin: 0 4px; }
.paging .active { border-radius: 16px; background-color: black; color: white; }

/* giang */

.logo-bottom-home { background: url("/Images/logo-bottom.png") no-repeat scroll 0 0 transparent; display: block; height: 91px; left: -270px; position: absolute; width: 60px; }


/* kypc */
.detail { margin-top: 20px; float: left; width: 100%; position: relative; }
.detail h1 { font: 300 26px/29px "Bodoni"; text-transform: uppercase; margin-bottom: 18px; }
.detail p { line-height: 125%; margin-bottom: 15px; font-size: 13px; color: #555; }
.detail-top { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #d8d8d8; }
.detail-top h4 { font: 40px "Bodoni"; text-transform: uppercase; }
.detail-top b { font-size: 14px; text-transform: uppercase; margin: 10px 0 20px; display: block; }
.detail-edit { text-transform: none; color: #777 !important; }

.detail-content { width: 780px; margin-right: 20px; }
.detail-content .dround { display: inline-block; border: 2px solid #333; color: #333; font: 700 12px/28px arial; text-transform: uppercase; padding: 0 8px 0 15px; height: 28px; margin-bottom: 20px; }
.detail-content .dround span { width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 20px; }
.detail-content .dround .active { color: #fff; background-color: #f26d7d; border-radius: 10px; }
.detail-content img { background: url("/images/uploading.gif") no-repeat scroll center center transparent; display: block; margin: 20px auto 0; min-height: 40px; }
.detail-content .desc { background-color: #EEEEEE; color: #555555; display: block; font-style: italic; margin-left: auto; margin-right: auto; padding: 10px; text-align: center; text-transform: none; width: 580px; }

.detail-comment { width: 600px; margin-left: 90px; border-top: 1px solid #d8d8d8; margin-top: 25px; padding-top: 30px; }

.box-hot-stylist { width: 140px; }
.box-hot-stylist-header { background: url("/Images/hot-stylist-right.png") no-repeat scroll 0 0 transparent; height: 45px; width: 90px; }
.box-hot-stylist li { overflow: hidden; margin-bottom: 12px; }
.box-hot-stylist li a { display: block; color: #333; font: 300 11px/18px airal; text-transform: uppercase; }
.box-hot-stylist li a:hover { color: #f26d7d; }
.box-hot-stylist li img { float: left; margin-right: 10px; width: 70px; height: 70px; display: block; }

.box-hot-stylist-right { }
.box-hot-stylist-right ul { display: inline; }
.box-hot-stylist-right li { display: inline-block; margin-bottom: 12px; margin-right: 5px; overflow: hidden; vertical-align: top; width: 110px; }
.box-hot-stylist-right li.last { margin-right: 0; }
.box-hot-stylist-right li a { color: #333333; display: block; font: 300 11px/15px airal; text-transform: uppercase; }
.box-hot-stylist-right li a:hover { color: #f26d7d; }
.box-hot-stylist-right li img { display: block; float: left; height: 55px; margin-right: 5px; width: 55px; }

.detail-scroll { width: 80px; position: absolute; left: -100px; top: 20px; text-align: center; }
.detail-scroll img { width: 80px; height: 80px; display: block; }
.detail-scroll span { font: 40px/40px "Bodoni"; display: block; }
.detail-scroll a { display: block; }
.detail-scroll .d-vote { cursor: default; border: 2px solid #222; width: 65px; height: 27px; margin: 10px auto; font: 700 12px/28px "arial"; text-transform: uppercase; color: #222; }
.detail-scroll .d-vote.hover { cursor: pointer; }
.detail-scroll .d-vote.hover:hover, .detail-scroll .d-vote.active { color: #fff; background-color: #f26d7d; border-color: #fff; }
.detail-scroll .d-vote.active { cursor: default; }
.detail-scroll .share { background: url("/Images/fbshare.gif") no-repeat scroll 0 0 transparent; height: 20px; width: 70px; }
/* kypc */


/* upload */

.d-city .sbHolder { width: 190px; }
.d-city .sbOptions { width: 190px; }

/* Upload */
.form-register .form-register-header, .form-upload .form-upload-header { text-align: center; font-family: "Bodoni"; font-size: 30px; text-transform: uppercase; }
.form-register .form-register-note-title, .form-upload .form-upload-title { font-size: 19px; font-weight: bold; }
.form-register .form-register-note-content, .form-upload .form-upload-note { color: #777; font-size: 11px; }
.form-register label, .form-upload label { color: #555; font-weight: bold; font-size: 15px; display: block; margin-bottom: 10px; }
.form-register .form-register-avatar { width: 220px; }
.form-register .form-register-avatar img { width: 220px; height: 220px; display: block; cursor: pointer; }
.form-register .form-register-avatar a, .form-upload .form-upload-avatar a { background: url('/images/choose-button.png') no-repeat; display: block; height: 30px; width: 90px; }

.form-register input, .form-register textarea, .form-upload input, .form-upload textarea { border: 1px solid #d8d8d8; }
.form-register textarea, .form-upload textarea { width: 655px; padding: 5px; height: 100px; }
.form-register input[type="text"], .form-upload input[type="text"] { height: 20px; padding: 5px; }
.form-register input[type="text"] { width: 190px; }
.form-upload input[type="text"] { width: 655px; }
.form-upload .form-upload-avatar img { width: 220px; height: 330px; display: block; cursor: pointer; }
.form-upload-btn { border: 2px solid; text-align: center; height: 36px; display: inline-block; line-height: 36px; text-transform: uppercase; font-weight: bold; font-size: 12px; letter-spacing: 3px; padding: 0 10px; }
.form-upload { border-bottom: 1px solid #d8d8d8; }
.form-upload .form-upload-list { text-align: center; }
.form-upload .form-upload-item { margin-bottom: 40px; text-align: center; position: relative; }
.form-upload .form-upload-item img { width: 600px; }
.form-upload .form-upload-item textarea { width: 588px; height: 50px; margin: 10px 0 0; }
.form-upload .form-upload-item .form-upload-delete { cursor: pointer; background: url('/images/delete-image.png') no-repeat; position: absolute; display: block; width: 40px; height: 40px; right: 25px; top: -20px; }
.form-upload .form-upload-item .form-upload-delete-caption { background: url("/images/caption-delete.png") no-repeat scroll 0 0 transparent; display: block; height: 20px; position: absolute; right: -50px; top: -10px; width: 73px; }
.upload-button { display: inline; }
.form-upload .upload-uploading { margin-bottom: 20px; width: 100%; height: 40px; display: block; background: url('/images/uploading.gif') no-repeat center center transparent; }
.form-upload .upload-notify { padding: 10px 0; }
.form-upload .upload-notify p { padding: 10px; }
.form-submit { padding: 40px 0; text-align: center; width: 100%; }
.form-submit .form-submit-cancel, .popup4 .form-submit-cancel { color: #999999; display: inline-block; font-weight: bold; height: 40px; letter-spacing: 2px; line-height: 40px; padding: 0 10px; text-transform: uppercase; }
.form-submit .form-submit-submit, .popup4 .form-submit-submit { color: #FFF; background-color: #222; display: inline-block; font-weight: bold; height: 40px; letter-spacing: 3px; line-height: 40px; padding: 0 10px; text-transform: uppercase; }
.upload-loading { background: url('/Images/uploading.gif') no-repeat center center transparent; }
/* End Upload */

/* question & answer */
.qa-form .qa-title { background-color: #ebebeb; }
.qa-form .qa-title a { display: inline-block; font: 25px "Bodoni"; height: 40px; text-align: center; text-transform: uppercase; width: 49%; }
.qa-form .qa-title a.active { background-color: #000; color: #FFFFFF; }
.qa-form ul.list-qa { line-height: 18px; }
.qa-form .qa-question { background: url("/images/dot.png") no-repeat scroll 0 5px transparent; font-size: 13px; font-weight: bold; margin-top: 10px; padding-left: 15px; }
.qa-form .qa-answer { border-bottom: 1px solid #D8D8D8; font-style: italic; margin: 0 0 20px; padding: 10px; position: relative; }
.qa-form .qa-view-all { background: url("/images/qa-view-all.png") no-repeat scroll right center transparent; display: block; float: right; font-style: italic; margin-right: 10px; padding: 0 10px; width: 60px; }
.qa-form .qa-send-form { width: 480px; display: inline-block; }
.qa-form input[type="text"] { background-color: #FFFFFF; border: 1px solid #C0C0C0; height: 30px; margin: 5px 0 5px 10px; width: 220px; }
.qa-form textarea { background-color: #FFFFFF; border: 1px solid #C0C0C0; height: 120px; margin: 5px 0; width: 100%; }


.qa-form input[type="button"] { background: none repeat scroll 0 0 #1C1C1C; color: #FFFFFF; cursor: pointer; float: right; font-size: 15px; margin: 5px 0; padding: 4px 20px; }

.qa-form .title_module { font: 25px "Bodoni"; text-transform: uppercase; }
.qa-form label { font: italic 17px "Arial"; }
.qa-form .box-name { padding-top: 10px; text-align: right; width: 335px; }
/* End question & answer */

/* Rules */
.rules-content { font-size: 13px; }
.rules-content .rules-header { margin-bottom: 10px; background: none repeat scroll 0 0 #000000; color: #FFFFFF; float: left; font-family: "Bodoni"; font-size: 18px; height: 30px; line-height: 26px; padding: 0 10px; text-transform: uppercase; }
.rules-content .rules-star { background: url("/Images/star.png") no-repeat scroll center center transparent; display: block; float: left; height: 16px; width: 20px; }
.rules-content li { list-style: disc inside none; }
.rules-content p { margin: 10px 0; }
.rules-content b { font-size: 14px; }
.rules-content .uli li { margin: 10px 0; }
.rules-content .rules-title2 { background: none repeat scroll 0 0 #000000; color: #FFFFFF; float: left; font-family: "Bodoni"; font-size: 31px; height: 40px; line-height: 35px; margin-bottom: 10px; padding: 0 15px; text-transform: uppercase; }
.rules-content .rules-text { text-transform: uppercase; float: left; font-family: "Bodoni"; font-size: 27px; line-height: 30px; margin-bottom: 10px; padding: 0 15px; }
.rules-title { background-color: #ebebeb; }
.rules-title a { display: inline-block; font: 18px "Bodoni"; height: 32px; text-align: center; text-transform: uppercase; width: 49%; }
.rules-title a.active { background-color: #000000; color: #FFFFFF; }
/* End Rules */

/* Award */
.fBodoni { font-family: "Bodoni"; }
.a-list li { display: list-item; clear: both; padding-left: 183px; margin-bottom: 30px; }
.a-list li * { display: inline-block; }
.a-list li.a1 { background: transparent url('/images/a1.png') 0 8px no-repeat; }
.a-list li.a2 { background: transparent url('/images/a2.png') 23px 8px no-repeat; }
.a-list li.a3 { background: transparent url('/images/a3.png') 23px 8px no-repeat; }
.a-name, .a-value { text-transform: uppercase; }
.a-name { padding-bottom: 5px; font-size: 16px; color: #333; padding-left: 22px; background: transparent url('/images/star.png') 0 3px no-repeat; }
.a-value { height: 70px; font-size: 51px; padding: 0 24px; line-height: 57px; background-color: #150b0c; color: white; }
.a-detail { color: #1c1c1c; padding-top: 12px; }
/* End Award */

/* BGK */
.jury-content { font-size: 13px; }
.jury-content .jury-text { width: 305px; }
.jury-content .jury-name { font: 24px "Bodoni"; text-transform: uppercase; }
.jury-content .jury-job { font-style: italic; }
.jury-content .jury-title { border-bottom: 1px solid #000; }
.jury-content p { margin: 10px 0; }
/* End BGK */

/***Popup Detail***/
.no-scroll { overflow: hidden !important; }
#popup-detail-bg { overflow-y: scroll; overflow-x: hidden; width: 100%; height: 100%; position: fixed; z-index: 999; top: 0; background: url("/images/popup_detail_bg_1.png"); display: none; left: 0; }
#popup-detail-wrap { margin: 35px auto; position: relative; float: left; }
#popup-detail-left { float: left; position: relative; background-color: #000; }
#popup-detail-left .next, #popup-detail-left .prev { position: absolute; top: 50%; display: none; z-index: 4000; }
#popup-detail-left i { background: url("/images/arrow_detail.png") no-repeat; display: block; width: 22px; height: 39px; cursor: pointer; }
#popup-detail-left .next { right: 30px; }
#popup-detail-left .prev { left: 30px; }
#popup-detail-left .next i { background-position: -24px -41px; }
#popup-detail-left a.next:hover i { background-position: -24px -1px; }
#popup-detail-left .prev i { background-position: -1px -1px; }
#popup-detail-left a.prev:hover i { background-position: -1px -41px; }
#popup-detail-left .move { background: url("/images/arrow_down_1.png") no-repeat; height: 37px; position: absolute; right: 20px; top: 80%; width: 27px; display: none; cursor: pointer; }
#popup-detail-left .zoom { background: url("/images/zoom_2.png") no-repeat 0 0; height: 11px; position: absolute; right: 20px; top: 20px; width: 11px; display: none; cursor: pointer; }
#popup-detail-left .zoom:hover { background-position: 0 -11px; }
.popup-detail-content, .popup-popup-content { position: relative; text-align: center; vertical-align: middle; width: 100%; height: 100%; display: table-cell; background-color: #000; }
.popup-detail-content img { vertical-align: middle; }
#popup-detail-right { background-color: #fff; float: right; width: 320px; padding: 0 15px; position: relative; overflow: hidden; }
.popup-detail-right-box { overflow: hidden; width: 320px; height: 100%; }
.popup-poll-right-box #mingid_comments_content_pollpopup { background-color: #ececec; }
#popup-detail-right h5 { font-size: 20px; color: #333; margin-bottom: 5px; text-transform: uppercase; }
#popup-detail-right p { font-size: 17px; color: #fff; margin-bottom: 15px; background-color: #000; padding: 6px; text-align: center; display: inline-block; min-width: 100px; }
#popup-detail-right .adM { float: left; width: 320px; overflow: hidden; height: 141px; margin-bottom: 10px; }
#popup-detail-close { background: url("/images/close-lb.png") no-repeat scroll 0 0 transparent; color: #6FA5FD; cursor: pointer; display: block; height: 42px; position: absolute; right: -21px; top: -21px; width: 42px; z-index: 100; }
#popup-detail-left .popup-slide { height: 50px; border-top: 1px solid #303030; padding: 10px; overflow: hidden; display: none; position: absolute; bottom: -70px; background-color: #000; text-align: center; width: 100%; }
#popup-detail-left .popup-slide ul { overflow: hidden; position: relative; }
#popup-detail-left li { margin: 0 8px 10px 0; opacity: 0.3; display: inline-block; }
#popup-detail-left li.active { opacity: 1 !important; }
#popup-detail-left li a { display: block; }
#popup-detail-left li img { height: 50px; }
.popup-detail-right-top { margin: 15px 0; float: left; width: 100%; }
.popup-detail-right-top img { float: left; margin-right: 12px; width: 130px; height: 130px; }
.popup-detail-right-top .fb { width: 98px; float: left; height: 20px; }
.popup-detail-right-top .fbShare { background-position: 0 -193px; height: 18px; width: 52px; margin-top: 10px; }
.popup-detail-right-top .pin { background-position: 0 -276px; height: 20px; width: 45px; }
.popup-detail-right-top .share { float: left; width: 175px; }
.desc-lightbox { background: none repeat scroll 0 0 #FFFFFF; bottom: 0; color: black; font-family: Myriad Pro; font-size: 16px; font-style: italic; min-height: 20px; padding: 7px 0; position: absolute; width: 100%; }
.desc-lightbox span { color: white; text-shadow: 1px 1px 2px black; }
.startOpacity { background: rgb(255,255,255); background: rgba(255, 255, 255, 0.1); -ms-filter: alpha(opacity=10); filter: alpha(opacity=10); }
.stopOpacity { position: relative; }
#popup-detail-bottom { height: 45px; background: none repeat scroll 0 0 #000000; float: left; padding: 10px 0; width: 100%; }
#popup-detail-bottom .d-vote { cursor: default; color: #FFF; border: 1px solid #FFFFFF; font: 12px/23px "arial"; height: 23px; margin-right: 10px; margin-top: 10px; padding: 0 10px; text-align: center; text-transform: uppercase; }
#popup-detail-bottom .d-vote.hover { cursor: pointer; }
#popup-detail-bottom .d-vote.hover:hover, #popup-detail-bottom .d-vote.active { color: #fff; background-color: #f26d7d; border-color: #fff; }
#popup-detail-bottom .d-vote.active { cursor: default; }
.popup-detail-bottom { background: none repeat scroll 0 0 #000000; float: left; padding: 10px 0; width: 100%; }
.popup-detail-bottom-infor { cursor: pointer; }
#popup-detail-bottom-infor img { width: 45px; height: 45px; display: inline-block; float: left; }
#popup-detail-bottom-infor b { color: #FFFFFF; padding-left: 10px; text-transform: uppercase; float: left; white-space: nowrap; margin-top: 18px; }
#popup-detail-bottom-infor ul li { margin: 0; padding: 0; opacity: 1; float: left; }
#popup-detail-content-desc { background: none repeat scroll 0 0 #000000; bottom: 65px; color: #FFFFFF; font-style: italic; opacity: 0.6; padding: 10px 0; position: absolute; text-align: center; width: 100%; }
.fb-lb { float: right; margin-top: 10px; width: 110px; }
/***End Popup Detail***/

/* login box */
.login-overlay { width: 100%; height: 100%; background-color: #000; z-index: 1000; position: absolute; top: 0; left: 0; opacity: 0.5; }
.login-box { width: 650px; height: 500px; z-index: 100; position: fixed; }
.login-box iframe { width: 650px; height: 500px; overflow: hidden; border: none; }
.login-box .close-button { width: 29px; height: 29px; right: 70px; top: -13px; position: absolute; background: url('/images/close.png') no-repeat left top; }
.user_box_home { float: right; margin-right: 100px; padding-top: 5px; }
.user_box_home p { text-align: right; color: #ffffff; }
.user_box_home p strong { font-size: 14px; font-weight: bold; font-family: Arial; color: #ffffff; }
.user_box_home p em { font-size: 14px; font-family: Arial; font-style: normal; }
.user_box_home .logout { margin-top: 5px; }
.user_box_home .logout a { font-size: 14px; font-family: Arial; color: #ffffff; }
#mingInfo .text b { color: #CC0000; }

/* select box */
.sbHolder { background-color: #FFFFFF; border: 1px solid #D8D8D8; height: 30px; position: relative; width: 80px; }
.sbHolder:focus .sbSelector { }
.sbSelector { display: block; height: 30px; left: 0; line-height: 30px; outline: none; overflow: hidden; position: absolute; text-indent: 10px; top: 0; width: 80px; }
.sbSelector:link, .sbSelector:visited, .sbSelector:hover { outline: none; text-decoration: none; }
.sbToggle { background: url("/images/select-button.png") no-repeat scroll 1px -4px transparent; display: block; height: 30px; outline: none; position: absolute; right: 0; top: 0; width: 30px; }
.sbToggle:hover { background: url("/images/select-button.png") no-repeat scroll 1px -4px transparent; }
.sbToggleOpen { background: url("/images/select-button.png") no-repeat scroll 1px -4px transparent; }
.sbToggleOpen:hover { background: url("/images/select-button.png") no-repeat scroll 1px -4px transparent; }
.sbHolderDisabled { background-color: #3C3C3C; border: solid 1px #515151; }
.sbHolderDisabled .sbHolder { }
.sbHolderDisabled .sbToggle { }
.sbOptions { max-height: 240px !important; background-color: #F5F5F5; border: 1px solid #C0C0C0; left: -1px; list-style: none outside none; margin: 0; overflow-y: auto; padding: 0; position: absolute; width: 80px; z-index: 1; }
.sbOptions li { padding: 0 7px; }
.sbOptions li:hover { background-color: #000; }
.sbOptions li:hover a { color: #fff; }
.sbOptions a { display: block; outline: medium none; padding: 7px 0 7px 3px; }
.sbOptions a:link, .sbOptions a:visited { text-decoration: none; }
.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus { }
.sbOptions li.last a { border-bottom: none; }
.sbOptions .sbDisabled { border-bottom: dotted 1px #515151; color: #999; display: block; padding: 7px 0 7px 3px; }
.sbOptions .sbGroup { border-bottom: dotted 1px #515151; color: #EBB52D; display: block; font-weight: bold; padding: 7px 0 7px 3px; }
.sbOptions .sbSub { padding-left: 17px; }

/* upload photo*/
.popup4 .popup-button .close-box-upload { background-image: url("/images/close.png"); display: block; float: right; height: 29px; left: -18px; position: absolute; text-decoration: none; text-indent: -9999px; top: -17px; width: 29px; cursor: pointer; }
#bg-popup-upload { background: none repeat scroll 0 0 #000000; display: none; height: 2000px !important; left: 0; position: fixed; top: 0; width: 100%; z-index: 1; opacity: 0.5; }
.registerupload .bt1 { background: none repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; height: 200px; margin-left: 20px; position: absolute; top: 98px; width: 153px; font-size: 18px; color: white; font-weight: bold; }
.popup4 { background: none repeat scroll 0 0 #F4F4F4; top: 20% !important; z-index: 1000; }
.popup4 .photo-crop { display: table; margin: 20px auto; }
.popup4 .note-photo { display: block; }
.popup4 .note-photo p { clear: both; display: block; font-size: 13px; padding: 10px; width: 610px; text-align: center; font-style: italic; color: #777; }
.popup4 .popup-title { font-family: "Bodoni"; padding: 20px 0 10px; text-align: center; font-size: 28px; text-transform: uppercase; }
.popup4 .popup-button { margin-top: 30px; padding: 20px; text-align: center; }
/*popup edit user*/
.content-upload .main_avatar_container { width: 256px; }
#bg-popup { display: none; position: fixed; _position: absolute; /*hack for IE 6*/ height: 100%; width: 100%; top: 0; left: 0; background: #000; z-index: 98; }


/***************************************
= Back to top button 
-------------------------------------- */
#back-top { position: fixed; bottom: 30px; z-index: 900; right: 10px; }
#back-top a { width: 46px; display: block; }
#back-top a:hover { color: #000; }
/* arrow icon (span tag) */
#back-top span { width: 46px; height: 46px; display: block; margin-bottom: 7px; background: #ddd url(/images/scrollTop.png) no-repeat center center; }

.list-news-top { float: left; padding: 20px 0 15px; border-bottom: 1px solid #D9D9D9; }
.list-news-top .last { border-bottom: none; }
.list-news-top img { float: left; margin-right: 15px; width: 310px; height: 200px; }
.list-news-top h1 { font-family: Bodoni; margin: 7px 0 10px; font-size: 18px; line-height: 22px; font-weight: normal; }
.list-news-top h1 a { color: #222; text-transform: uppercase; }
.list-news-top h1 a:hover { color: #545454; text-decoration: underline; }
.list-news-top h5 { font: normal 700 12px arial; color: #555; margin-bottom: 10px; font-weight: normal; }
.list-news-top h5 b { color: #333; }
.list-news-top h5 i { font-weight: bold; }
.list-news-top p { font: normal 700 11px arial; }
.list-news .left .list-news-list { float: left; }
.list-news-list li { float: left; padding: 15px 0px; width: 585px; }
.list-news-list li.last { border-bottom: none; }
.list-news-list li img { float: left; margin-right: 15px; width: 150px; height: 95px; }
.list-news-list li h3 { font-family: Bodoni; font-size: 17px; margin: -4px 0 5px; font-weight: normal; }
.list-news-list li h3 a { color: #222; text-transform: uppercase; line-height: 20px; }
.list-news-list li h3 a:hover { color: #545454; text-decoration: underline; }
.list-news-list li h5 { font-family: Arial; font-size: 12px; font-weight: normal; margin-bottom: 5px; color: #555; }
.list-news-list li h5 b { color: #333; }
.list-news-list li h5 i { font-weight: bold; }
.list-news-list li h5 p { font-family: Arial; font-size: 13px; font-weight: normal; color: #555; }
.list-news-list li.sep { border-bottom: 1px solid #D9D9D9; padding: 0px; width: 475px; }
.left .ul1, .ul1 { margin-top: 15px; }
.left .ul1 li, .ul1 li { background: url("/images/disc.png") no-repeat scroll 5px 10px transparent; clear: both; float: left; padding: 3px 0; width: 100%; }
.left .ul1 li.last, .ul1 li.last { border: medium none; }
.left .ul1 li a, .ul1 li a { font-size: 12px; font-weight: bold; margin-left: 20px; text-transform: none; }
.title_other { font-size: 29px; font-weight: normal; font-family: "Bodoni"; }

.d-title { font-size: 23px; font-weight: normal; font-family: "Bodoni"; text-transform: uppercase; line-height: 28px; }
.info_other { font-style: italic; line-height: 24px; width: 100%; }
.info_other a { color: #000; }
.info_other a img { vertical-align: text-bottom; }
.date3 { color: #555; }
.time { color: #777; }
.tacgia a { font-weight: bold; color: #333; }
.share-top { background-color: #EBEBEB; border: 1px solid #D9D9D9; height: 25px; margin: 10px 0; padding: 10px 0; overflow: hidden; }
.sapo { font-size: 13px; font-weight: bold; color: #333; }
.sapo .inner { padding-top: 60%; }
.detail_content img { max-width: 580px !important; }

.heading-stylist { background: transparent url("/Images/hot-stylist.png") 0 0 no-repeat; width: 173px; height: 18px; display: inline-block; }
.heading-news { background: transparent url("/Images/news.png") 0 0 no-repeat; width: 103px; height: 23px; display: inline-block; }
.heading-faq { background: transparent url("/Images/faq.png") 0 0 no-repeat; width: 80px; height: 34px; display: inline-block; }

/*timeline*/
.chart-wrapper { position: absolute; width: 178px; height: 439px; display: block; bottom: 17px; right: 0; background: transparent url('/images/timelinebg.png') 0 0 no-repeat; }
.chart { position: absolute; top: 10px; left: 0; width: 120px; height: 400px; display: block; background: transparent url('/images/timeline.png') 0 0 no-repeat; }
.chart-index { cursor: pointer; border-radius: 2px; position: absolute; display: none; top: 0; left: 0; width: 5px; height: 5px; background: none repeat scroll 0 0 #F26D7D; }
.chart-index.main-point { border-radius: 4px; width: 10px; height: 10px; }
.arrow-left { position: absolute; display: block; width: 3px; height: 6px; background: transparent url(/images/arr-left.png) 0 0 no-repeat; top: 40%; left: -3px; }

.mgl7 { margin-left: 7px; }
._form { position: absolute; bottom: 9px; width: 441px; display: block; left: 10px; }
._form li { float: left; clear: both; float: left; }
._form li a { border: solid 1px white; width: 215px; display: inline-block; line-height: 38px; }
._form li a:hover { background-color: #3a3230; color: #FFF; }
._form li.colspan { margin-bottom: 9px; }
._form li.colspan a { width: 439px; }

.notoccurred { background-color: white; }
